import React, { PureComponent } from "react";
import { connect } from "react-redux";
import style from "./style.less";
import Bottom from "../../components/UserBottom";
import Header from "../../components/UserHeader";
import register_bg from "../../assets/images/register_bg.png";
import RegisterCard from "../../components/RegisterCard";

class Register extends PureComponent {
  render() {
    return (
      <div className={style.Register}>
        <Header title="欢迎注册" type="1" />
        <div
          className={style.body}
          style={{
            background: `url(${register_bg}) left center/ cover no-repeat`
          }}
        >
          <div className={style.connent}>
            <div className={style.registerCard}>
              <RegisterCard />
            </div>
          </div>
        </div>
        <Bottom />
      </div>
    );
  }
}

const mapStateToProps = (state, ownProps) => {
  return {};
};

const mapDispatchToProps = (dispatch, ownProps) => {
  return {};
};

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(Register);
